<template>
	<!-- 表单显示文字 -->
	<view class="u-inline-flex u-row-between" :style="{width:`${!isNaN(width) ? width + 'rpx' : width}`, height:size + 'rpx'}">
		<!-- 拆分文字 -->
		<text v-for="(item,index) in txtArr" :key="index" :class="className" class="content-desc-item">{{item}}</text>
	</view>
</template>

<script>
	export default {
		name:"flexText",
		props: {
			width: {
				type: [String,Number],
				default: ''
			},
			txt:{
				type: String,
				default: ''
			},
			size:{
				type:[String,Number],
				default: 22
			},
			customClass:{
				type:String,
				default: ''
			}
		},
		computed: {
			txtArr() {
				return this.txt.split('')
			},
			style(){
				return 
			},
			className(){
				return `u-font-${this.size} ${this.customClass}`
			}
		},
	}
</script>